<b> Project CycleSense Routing Display </b>
<p><p>

{{ msg }}
<p>

{% if show_map %}
    <p>
    {{ start }}
    <p>
    {{ end }}
    <p>
	<script src="http://maps.google.com/maps?file=api&amp;v=2&amp;key=ABQIAAAA1rfrl7nTsOaDr8ORSL_M9xTiUqCrDdfpmKlmQ7TXvjHcgtg8IxS-L-vQhdKjkRtpXO9ICjd-DZqHTg"
	            type="text/javascript"></script>
	<script type="text/javascript">

	    function initialize() {
			if (GBrowserIsCompatible()) {
				var map = new GMap2(document.getElementById("map_canvas"));
				//map.setCenter(new GLatLng(37.4419, -122.1419), 13);
				var polyline = new GPolyline([
					new GLatLng(37.4419, -122.1419),
					new GLatLng(37.4519, -122.1519)
				], "#ff0000", 10);
				map.addOverlay(polyline);
			}
      }
	</script>
   <body onload="initialize()" onunload="GUnload()">
    <div id="map_canvas" style="width: 500px; height: 300px"></div>
    <div id="message"></div>
  </body>

<p>
Process Time: {{ processTime }}
<p>

{% endif %}

<form action="/route/" method="post">
Start Address: 
<input type="text" name="start" value="{{ start }}" />
<p>
End Address: 
<input type="text" name="end" value="{{ end }}" />
<p>
Number of routes:
<input type="text" name="numRoutes" value="{{ numRoutes }}" />
<p>
Weight of edge:
<input type="text" name="weight" value="{{ weight }}" />
<p>
<input type="submit" value="submit" />
</form>